body,
html {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

/* CSS */
.Router {
    position: relative;
    width: 100%;
    height: 100%;
}

.Router > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
    will-change: transform;
    transition: all 500ms;
}

.slide-left-enter,
.slide-right-leave-active {
    opacity: 0;
    transform: translate(100px, 0);
}

.slide-right-enter,
.slide-left-leave-active {
    opacity: 0;
    transform: translate(-100px, 0);
}

.noselect {
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    /*早期浏览器*/
    user-select: none;
}

::-webkit-scrollbar {
    width: 6px;
    /*滚动条宽度*/
    height: 10px;
    /*滚动条高度*/
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    background-color: rgb(0, 176, 253);
}

// @media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
//     (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
//     (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
//     :root {
//         font-size: 14px;
//     }
// }
// @media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
//     (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
//     (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
//     :root {
//         font-size: 13px;
//     }
// }
// @media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
//     (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
//     (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
//     :root {
//         font-size: 12px;
//     }
// }
// @media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
//     (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
//     (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
//     :root {
//         font-size: 10px;
//     }
// }
// @media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
//     (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
//     (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
//     :root {
//         font-size: 9px;
//     }
// }
// @media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
//     (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
//     (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
//     :root {
//         font-size: 8px;
//     }
// }
.f-dialog {
    .el-dialog__headerbtn {
        top: 16px !important;
        font-size: 23px !important;
    }
    .el-dialog {
        margin: 0px;
        border-radius: 5px !important;
    }

    .el-dialog__body {
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    .el-dialog__header {
        border-bottom: 1px solid #f0f0f0 !important;
        text-align: center !important;
        padding: 15px !important;
    }
    .el-select {
        width: 100% !important;
    }
    .el-date-editor.el-input {
        width: 100% !important;
    }
    .el-dialog__footer {
        border-top: 1px solid #f0f0f0 !important;
        text-align: right !important;
        padding: 15px !important;
    }
    // .el-form-item__content {
    //     line-height: 41px !important;
    // }
}
.table-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    .el-dialog__body {
        padding: 10px !important;
        height: calc(100% - 55px);
    }
}
